@import '../common/common';

.choose {
  height: 100%;
  .banner {
    position: absolute;
    @include wh(100%, px2rem(375));
    background-color: $color_b;
  }
  .select-program-wrap {
    height: 100%;
    padding-top: px2rem(375);
    .select-program {
      padding-top: px2rem(30);
      float: right;
      width: px2rem(400);
      height: 100%;
      .program-item {
        padding: px2rem(15) 0;
        .icon {
          float: left;
          @include wh(px2rem(180), px2rem(120));
        }
        .text {
          padding-left: px2rem(180);
          p {
            padding-left: px2rem(13);
            @include hl(px2rem(60));
            &:nth-child(1) {
              @include sc(px2rem(30), #4d4d4d);
            }
            &:nth-child(2) {
              @include sc(px2rem(35), #f5775a);
            }
          }
        }
      }
    }
    .bg {
      width: 100%;
      height: 100%;
      &.xyj {
        @include bis('../../imgs/xy-bg.gif');
      }
      &.hgj {
        @include bis('../../imgs/hg-bg.png');
      }
    }
  }
}
